<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
   <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
   <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
   <script src="js/ms.js"></script>
   <link href="css/ms.css" rel="stylesheet">
   <link href="css/jdms.css" rel="stylesheet">
   <style>
      @media screen and (max-width:800px) {
    body {
        background-color:lightblue;
        
    }

}
   </style>
 
</head>

<body>
   <div id="fliax">
      <span>正在<br/>抢购</span><hr/>
      <span>更多<br/>好货</span>
      <span>

         <a href="javascript:;" id="btn"style="width:70px;height:70px;position:relative;top:2%; right:0.4%; bottom:250px;">
         <img src="img/jdmsdb.png" width="100%">
       </a>

      </span>
      <span><img src="img/jdmssj.png" width="100%"></span>
      
   </div>
   <!-- 顶部导航区域 -->
   <div class="container-fluid">
      <div class="row" style="background:white;height:100%;">
         <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 text-right">
            <img src="img/jdms1.png" width="100%">
         </div>

         <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2" style="margin-top:2%; font-size:20px;color: grey;" >
           <div class="row">
 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
   全部分类<select style="font-size:10px;color: grey;">
      <option>特价秒杀</option>
      <option>大牌折扣</option>
      <option>一元优享</option>
      <option>会员特权</option>
      <option>国外潮牌</option>
   </select>
 </div>
           </div>
         </div>

         <!-- 搜索框 -->
         <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" id="serach">
            <input type="text" style="width:100%;border:solid red 3px;height:40px;margin-top:4%;"
               placeholder="请输入">
               <br/>
            <a href="one.html" style="margin-left:1%;">电信流量特惠</a>
            <a href="allusers.php">会员详情</a>
            <a href="login.php">登陆</a>
            <a href="register.php">注册</a>
            <a href="edituser.php">修改</a>
            <a href="">酒水</a>
         </div>
         <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
            <button
            style="background:red;border:none;height:40px;color: white;margin-top:20%;margin-left:-32%;">搜索
         </button>
          </div>

         <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2" onclick="alert('您还没有商品加入购物车哦')">
            <p>
               <!-- style="width:140px;height:40px;background-color:lavender;font-size:18px;opacity:0.7;margin-top:13px;" -->
             <img src="img/gwc.png" width="100%" >
            </p>
         </div>



      </div>

      <hr style="border-top:2px ridge red;width: 100%;" />
   </div>

   <div class="row">
      <ul id="myTab" class="nav nav-tabs" style="margin-left:150px;">
         <li class="active"><a href="index.html" data-toggle="tab"
               style='border:none;color:black;font-size:25px;font-weight:1000;'>
               首页</a></li>
			   <li><a href="#home" data-toggle="tab"
			         style='border:none;color:black;font-size:25px;font-weight:1000;'>
			         京东秒杀</a></li>
         <li><a href="" data-toggle="tab" style='border:none;color:black;font-size:25px;font-weight:1000;'>
               每日特价</a></li>
         <li><a href="" data-toggle="tab" style='border:none;color:black;font-size:25px;font-weight:1000;'>
               大牌抢购</a></li>
         <li>
            <a href="" data-toggle="tab" style='border:none;color:black;font-size:25px;font-weight:1000;'>
               品类秒杀</a>
            </li>

      </ul>
      <div class="row" style="margin-top:-20px;" style="width: 100%;" style="margin:auto">
         <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <p id="p_lsdj"><img src="img/jdms10.png" width="100%"></p>
            
            <img src="img/jdms2.png" width="100%">


         </div>
      </div>
      <div id="myTabContent" class="tab-content">
         <!-- 第一页 -->

         <div class="container" style="margin-top: 10px;" id="ddhdh">
            <div class="row" style="width: 100%;">

               <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                  <div class="react" style="width:100%;margin-left:20px" id="">
                     <span class="text" id="text">

                        <a href="https://miaosha.jd.com" id="countdownLink">
                           <!-- 秒杀框标题 -->

                           <div id="seckill">京东秒杀</div>
                           <!-- 促销特殊时间：时间场 -->
                           <!-- 倒计时剩余时间 -->
                           <div id="leftTime">
                              <span id="hour">00</span>
                              <span id="minute">00</span>
                              <span id="second">00</span>
                           </div>
                        </a>

                     </span>
                  </div>
               </div>
               <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                  <div class="reacta" style="width:117%;margin-left:-9px;" id="reacta">
                     <p style="line-height:70px;"><span class="text" style="font-size: 20px;"
                           id="texta">22:00&nbsp;&nbsp;即将开始</span></p>
                  </div>
               </div>
               <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                  <div class="reacta" style="width:100%;margin-left:-20px;" id="reactb">
                     <p style="line-height:70px;"><span class="text" style="font-size: 20px;" id="textb">24:00专场</span>
                     </p>
                  </div>
               </div>
            </div>
         </div>
         <div class="tab-pane fade in active" id="home" style="margin-top: 10px;">
            <img src="img/jdms3.png" width="100%">
            <div class="container" style="margin-top: 10px;" id="imganmation">
               <div class="row">
                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin:0;padding:0;">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj1.jpg" width="80%" height="220px">
                        <h5 class="seckill_mod_goods_title">电信大流量卡 每月畅享206G</h5>
                        <h5 style="text-align:left;">首月免租</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size:15px;text-decoration:line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color: red;">已售&nbsp;42%

                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 50%;background:red;">
                                 <span class="sr-only">50% 完成</span>
                              </div>
                           </div>
                        </h5>
                        <button
                           style="position:relative;font-size:1.5rem; top:-20%;left:35%;background:red;z-index:10;border:none;height:10%;color:white;width: 30%;">立即抢购</button>
                           <!-- top:360px;left:190px;height: 40px;width: 100px;color:white;background:red;border:none; -->
                     </div>
                  </div>

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin-left:-5px">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj2.jpg" width="80%" height="220px">
                        <br />
                        <h5 class="seckill_mod_goods_title">【限量抢】速干儿童球服套装</h5>
                        <h5 style="text-align:left;">两套九折</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color: red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>
                     </div>
                  </div>

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin-left:-20px">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj3.jpg" width="80%" height="220px">

                        <br />
                        <h5 class="seckill_mod_goods_title">99新苹果11Pro资源机暗夜绿256G</h5>
                        <h5 style="text-align:left;color: red;">旗舰好货官方质检</h5>

                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color: red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>

                     </div>
                  </div>

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin-left:-20px">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj4.jpg" width="80%" height="220px">
                        <br />
                        <h5 class="seckill_mod_goods_title">GT限量版&nbsp;&nbsp;&nbsp;高级定制</h5>
                        <h5 style="text-align:left;color: red;">专柜款|闪电发货</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;z-index:10;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size:15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color:red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>
                     </div>
                  </div>


               </div>


               <div class="row" style="margin-top: 10px;">

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin:0;padding:0;">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj5.jpg" width="80%" height="220px">
                        <br />
                        <h5 class="seckill_mod_goods_title">【官方名品】限量版飞织男鞋</h5>
                        <h5 style="text-align:left;color: red;">爆款直降|运费险</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;z-index:10;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color:red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                              style="position: absolute;top:360px;left:178px;height: 40px;width: 100px;color:white;background:red;border:none;z-index:10;">立即抢购</button>
                     </div>
                  </div>

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin-left:-5px">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj6.jpg" width="80%" height="220px">
                        <br />
                        <h5 class="seckill_mod_goods_title">妈妈套装女夏加大短袖两件套</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <br />
                        <h5 style="text-align:left;color: red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>

                     </div>
                  </div>

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin-left:-20px">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj7.jpg" width="80%" height="220px">
                        <br />
                        <h5 class="seckill_mod_goods_title">倍思&nbsp;&nbsp;高压洗车水枪</h5>
                        <h5 style="text-align:left;color: red;">双重加压&nbsp;&nbsp; 送套装</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color: red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           < <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>
                     </div>
                  </div>

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin-left:-20px">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj8.jpg" width="80%" height="220px">
                        <br />
                        <h5 class="seckill_mod_goods_title">欧彩泥夺宝知足常乐蜜蜡手串diy</h5>
                        <h5 style="text-align:left;color: red;">前两个小时再减30</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color: red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>
                     </div>
                  </div>

               </div>
               <br />
               <br />
            </div>

         </div>



         <div class="container">

            <div class="row" id="dtp">
               <div class="col-md-6 col-sm-6 col-xs-6" style="margin-left: -22px;">
                  <a href=""><img src="img/jdms5.png" height="100%" width="103%"></a>
               </div>
               <div class="col-md-6 col-sm-6 col-xs-6" style="margin-left: -5px;">
                  <a href=""> <img src="img/jdms6.png" height="100%" width="100%"></a>
               </div>
            </div>


         </div>
      </div>
      <div class="container">
         <div class="tab-pane fade in active" id="home" style="margin-top:5px;margin-left:-21px;">
            <img src="img/jdms7.png" width="98%">
            <div class="container" style="margin-top:10px;" id="imganmation">
               <div class="row" style="width: 105%;">
                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin:0;padding:0;">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj9.jpg" width="80%" height="220px">
                        <h5 class="seckill_mod_goods_title">电信大流量卡 每月畅享206G</h5>
                        <h5 style="text-align:left;">首月免租</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color: red;">已售&nbsp;32%

                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                        </h5>
                        <button
                        <button
                        style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>
                     </div>
                  </div>

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin-left:-5px">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj10.jpg" width="80%" height="220px">
                        <br />
                        <h5 class="seckill_mod_goods_title">【限量抢】速干儿童球服套装</h5>
                        <h5 style="text-align:left;">两套九折</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color: red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>
                     </div>
                  </div>

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin-left:-20px">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj11.jpg" width="80%" height="220px">

                        <br />
                        <h5 class="seckill_mod_goods_title">99新苹果11Pro资源机暗夜绿256G</h5>
                        <h5 style="text-align:left;color: red;">旗舰好货官方质检</h5>

                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color: red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>
                     </div>
                  </div>

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin-left:-20px">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj12.jpg" width="80%" height="220px">
                        <br />
                        <h5 class="seckill_mod_goods_title">GT限量版&nbsp;&nbsp;&nbsp;高级定制</h5>
                        <h5 style="text-align:left;color: red;">专柜款|闪电发货</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size:15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color:red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>
                     </div>
                  </div>


               </div>


               <div class="row" style="margin-top: 10px;width:105%;">

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin:0;padding:0;">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj13.jpg" width="80%" height="220px">
                        <br />
                        <h5 class="seckill_mod_goods_title">【官方名品】限量版飞织男鞋</h5>
                        <h5 style="text-align:left;color: red;">爆款直降|运费险</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color:red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>
                     </div>
                  </div>

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin-left:-5px">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj14.jpg" width="80%" height="220px">
                        <br />
                        <h5 class="seckill_mod_goods_title">妈妈套装女夏加大短袖两件套</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <br />
                        <h5 style="text-align:left;color: red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>

                     </div>
                  </div>

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin-left:-20px">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj15.jpg" width="80%" height="220px">
                        <br />
                        <h5 class="seckill_mod_goods_title">倍思&nbsp;&nbsp;高压洗车水枪</h5>
                        <h5 style="text-align:left;color: red;">双重加压&nbsp;&nbsp; 送套装</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color: red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>
                     </div>
                  </div>

                  <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3" style="margin-left:-20px">
                     <div style="width:100%;height:430px;background: white;text-align: center;">
                        <img src="img/jdtj16.jpg" width="80%" height="220px">
                        <br />
                        <h5 class="seckill_mod_goods_title">欧彩泥夺宝知足常乐蜜蜡手串diy</h5>
                        <h5 style="text-align:left;color: red;">前两个小时再减30</h5>
                        <h4 style="text-align:left;border: red solid 1px;width:40px;border-radius:10%;color: red;">自营
                        </h4>
                        <h5 style="text-align:left;">专人配送</h5>
                        <hr />
                        <h5 style="text-align:left;font-size:23px;">￥175&nbsp;<span
                              style="color:gray;opacity:0.7;font-size: 15px;text-decoration: line-through;">￥239</span>
                        </h5>
                        <h5 style="text-align:left;color: red;">已售&nbsp;32%
                           <div class="progress" style="height:10px;">
                              <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                 aria-valuemax="100" style="width: 40%;background:red;">
                                 <span class="sr-only">40% 完成</span>
                              </div>
                           </div>
                           <button
                           style="position: absolute;top:360px;left:60%;height:10%;width:32%;color:white;background:red;border:none;z-index:10;">立即抢购</button>
                     </div>
                  </div>

               </div>

            </div>
            <br />
            <div class="container">

               <div class="row" style="margin-left:-40px;">
                  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                     <img src="img/jdms8.jpg">
                  </div>
                  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                     <img src="img/jdms9.png">
                  </div>
               </div>
            </div>
         </div>

      </div>
   </div>
   </div>


   <div class="container" style="overflow: hidden;">
      <div class="row">
         <div class="row h48">
            <!-- 多快好省 -->
            <div class="col-md-3 col-sm-3 col-xs-3">
               <h5
                  style="background-position: 0 -192px;background-repeat: no-repeat;background-image: url(images/index-bottom.png);overflow: hidden;position: absolute;width: 36px;height: 42px;">
               </h5>
               <p style="position: absolute;left: 70px;top:18px;font-size: 18px;">品类齐全，轻松购物</p>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-3">
               <h5
                  style="background-position: -41px -192px;background-repeat: no-repeat;background-image: url(images/index-bottom.png);overflow: hidden;position: absolute;width: 36px;height: 42px;">
               </h5>
               <p style="position: absolute;left: 70px;top:18px;font-size: 18px;">多仓直发，极速配送</p>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-3">
               <h5
                  style="background-position: -82px -192px;background-repeat: no-repeat;background-image: url(images/index-bottom.png);overflow: hidden;position: absolute;width: 36px;height: 42px;">
               </h5>
               <p style="position: absolute;left: 70px;top:18px;font-size: 18px;">正品行货，精致服务</p>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-3">
               <h5
                  style="background-position: -123px -192px;background-repeat: no-repeat;background-image: url(images/index-bottom.png);overflow: hidden;position: absolute;width: 36px;height: 42px;">
               </h5>
               <p style="position: absolute;left: 70px;top:18px;font-size: 18px;">天天低价，畅选无忧</p>
            </div>
         </div>
         <hr>
         <div class="row bottom_ul">
            <!-- 分类链接 -->
            <div class="col-md-2 col-sm-2 col-xs-2">
               <p>购物指南</p>
               <ul>
                  <li>购物流程</li>
                  <li>会员介绍</li>
                  <li>生活旅行</li>
                  <li>常见问题</li>
                  <li>大家电</li>
                  <li>联系客服</li>
               </ul>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2">
               <p>配送方式</p>
               <ul>
                  <li>上门自提</li>
                  <li>211限时达</li>
                  <li>配送服务查询</li>
                  <li>配送费收取标准</li>
                  <li>海外配送</li>
               </ul>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2">
               <p>支付方式</p>
               <ul>
                  <li>货到付款</li>
                  <li>在线支付</li>
                  <li>分期付款</li>
                  <li>公司转账</li>
               </ul>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2">
               <p>售后服务</p>
               <ul>
                  <li>售后政策</li>
                  <li>价格保护</li>
                  <li>退款说明</li>
                  <li>返修/退换货</li>
                  <li>取消订单</li>
               </ul>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2">
               <p>特殊服务</p>
               <ul>
                  <li>夺宝岛</li>
                  <li>DIY装机</li>
                  <li>延保服务</li>
                  <li>京东E卡</li>
                  <li>京东通信</li>
                  <li>京鱼座智能</li>
               </ul>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2">
               <p>京东自营覆盖区县</p>
               <p class=" fontsmallgray">京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
               <button class=" fontsmallgray">查看详情>>></button>
            </div>
         </div>
         <hr>
         <div class="row text-center bottom_t">
            <p class="col-md-12 col-sm-12 col-xs-12">
               关于我们|联系我们|联系客服|合作招商|商家帮助|营销中心|手机京东|友情链接|销售联盟|京东社区|风险监测|隐私政策|京东公益|English Site|Media & IR
            </p>
            <p class="col-md-12 col-sm-12 col-xs-12 fontsmallgray">
               京公网安备 11000002000088号|京ICP证070359号|互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零 字第大120007号
            </p>
            <p class="col-md-12 col-sm-12 col-xs-12 fontsmallgray">
               互联网出版许可证编号新出网证(京)字150号|出版物经营许可证|网络文化经营许可证京网文[2014]2148-348号|违法和不良信息举报电话：4006561155
            </p>
            <p class="col-md-12 col-sm-12 col-xs-12 fontsmallgray">
               Copyright 2004 - 2020 京东JD.com 版权所有|消费者维权热线：4006067733经营证照|(京)网械平台备字(2018)第00003号|营业执照
            </p>
            <p class="col-md-12 col-sm-12 col-xs-12 fontsmallgray">
               Global Site|Сайт России|Situs Indonesia|Sitio de España|เว็บไซต์ประเทศไทย
            </p>
            <p class="col-md-12 col-sm-12 col-xs-12 fontsmallgray">
               京东旗下网站：京东钱包|京东智联云
            </p>
            <div class="col-md-12 col-sm-12 col-xs-12 bottom_img">
               <span style="background-position: -105px -33px;"></span>
               <span style="background-position: -105px -66px;"></span>
               <span style="background-position: -105px 0px;"></span>
               <span style="background-position: 0px -33px;"></span>
               <span style="background-position: 0px -66px;"></span>
               <span style="background-position: 0px -99px;"></span>
            </div>
         </div>
         <!-- 网页底部end-->
      </div>
   </div>
   </div>
</body>

</html>

<script src="js/jdms.js"></script>